<!-- 危化品管理-基本资料-试剂分类 -->
<template>
  <div class="JNPF-common-layout">
    <div class="JNPF-common-layout-center">
      <el-row class="JNPF-common-search-box" :gutter="16">
        <el-form @submit.native.prevent>
          <el-col :span="6">
            <el-form-item label="名称">
              <el-input v-model="listQuery.fcatname" placeholder="名称" clearable />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="">
              <el-button type="primary" icon="el-icon-search" @click="getlist">查询</el-button>
              <!-- <el-button type="warning" icon="el-icon-upload2">导入</el-button> -->
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>
      <div class="JNPF-common-layout-main JNPF-flex-main">
        <JNPF-table :data="list" border v-loading="loading">
          <el-table-column prop="FCATNAME" label="名称"></el-table-column>
          <el-table-column prop="FVISIBLE" label="是否管制分类" >
            <template slot-scope="scope">
              {{ scope.row.FVISIBLE | dynamicText(fvisiblelist) }}
            </template>
          </el-table-column>
          <el-table-column prop="FMEMO" label="备注"></el-table-column>
        </JNPF-table>
        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" />
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'shop',
    components: {  },
    data() {
      return {
        total: 0,
        list: [
        {
          "FCATNO": "1",
          "FCATNAME": "易制毒",
          "FMEMO": "",
          "FVISIBLE": "是",
          "FOPERATOR": "system",
          "FUPDDATE": "2011-02-16T02:57:02.000+00:00"
        },{
          "FCATNO": "2",
          "FCATNAME": "易制爆",
          "FMEMO": "",
          "FVISIBLE": "是",
          "FOPERATOR": "system",
          "FUPDDATE": "2011-02-16T02:57:02.000+00:00"
        },{
          "FCATNO": "3",
          "FCATNAME": "一般化学品",
          "FMEMO": "",
          "FVISIBLE": "否",
          "FOPERATOR": "system",
          "FUPDDATE": "2011-02-16T02:57:02.000+00:00"
        },{
          "FCATNO": "4",
          "FCATNAME": "剧毒品",
          "FMEMO": "",
          "FVISIBLE": "是",
          "FOPERATOR": "system",
          "FUPDDATE": "2011-02-16T02:57:02.000+00:00"
        },{
          "FCATNO": "5",
          "FCATNAME": "危险化学品",
          "FMEMO": "",
          "FVISIBLE": "否",
          "FOPERATOR": "system",
          "FUPDDATE": "2011-02-16T02:57:02.000+00:00"
        }
        ],
        loading: false,
        listQuery: {
          page: 1,
          limit: 20,
          sort: "desc",
          sidx: "",
          fcatno: "",
          fcatname: ""
        },
      };
    },
    computed: {},
    created() {
    },
    methods: {
    },
  };
</script>